@keyframes fade-in {
	0% {
		opacity: 0
	}
	40% {
		opacity: 0
	}
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0
	}
	40% {
		opacity: 0
	}
}

@font-face {
	font-family: 'Shifties';
	src: url('/font/shifties-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/font/shifties-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal
}

.icon {
	font-family: 'Shifties';
	font-size: 20px
}

.icon.icon-logo-trade:after {
	content: "K"
}

.icon.icon-logo-shift:after {
	content: "L"
}

.icon.icon-logo-t1:after {
	content: "M"
}

.icon.icon-logo-t2:after {
	content: "N"
}

.icon.icon-discovery:after {
	content: "E"
}

.icon.icon-activity:after {
	content: "f"
}

.icon.icon-todo:after {
	content: "q"
}

.icon.icon-network:after {
	content: "G"
}

.icon.icon-createdocument:after {
	content: "P"
}

.icon.icon-alldocuments:after {
	content: "j"
}

.icon.icon-sales:after {
	content: "X"
}

.icon.icon-purchases:after {
	content: "$"
}

.icon.icon-drafts:after {
	content: "F"
}

.icon.icon-apps:after {
	content: "a"
}

.icon.icon-usersettings:after {
	content: "U"
}

.icon.icon-settings:after {
	content: "y"
}

.icon.icon-companyprofile:after {
	content: "H"
}

.icon.icon-logout:after {
	content: "Q"
}

.icon.icon-support:after {
	content: "?"
}

.icon.icon-checked:before,
.icon.icon-accept:before,
.icon.icon-done:after {
	content: "3"
}

.icon.icon-checked-alt:after {
	content: "2"
}

.icon.icon-remove:after {
	content: "D"
}

.icon.icon-add:after {
	content: "&";
	left: 1px
}

.icon.icon-close:after {
	content: "*"
}

.icon.icon-location:after {
	content: "@"
}

.icon.icon-addfilter:after {
	content: "k"
}

.icon.icon-followed:after {
	content: "S"
}

.icon.icon-unfollowed:after {
	content: "5"
}

.icon.icon-search:after {
	content: "s"
}

.icon.icon-statuschange:after {
	content: "1"
}

.icon.icon-edit:after {
	content: "p"
}

.icon.icon-rating:after {
	content: "r"
}

.icon.icon-share:after {
	content: "R"
}

.icon.icon-industry:after {
	content: "z"
}

.icon.icon-showpicker:after {
	content: "6"
}

.icon.icon-warning:after {
	content: "!"
}

.icon.icon-timer:after {
	content: "t"
}

.icon.icon-comment:after {
	content: "w"
}

.icon.icon-more:after {
	content: "+"
}

.icon.icon-users:after {
	content: "g"
}

.icon.icon-ownership:after {
	content: "\00a7"
}

.icon.icon-companysize:after {
	content: "g"
}

.icon.icon-view:after {
	content: "I"
}

.icon.icon-view-hide:after {
	content: '4'
}

.icon.icon-reject:after {
	content: "d"
}

.icon.icon-dispute:after {
	content: "\05C"
}

.icon.icon-menuswitch:after {
	content: "l"
}

.icon.icon-delete:after {
	content: "#"
}

.icon.icon-cancel:after {
	content: "d"
}

.icon.icon-info:after {
	content: 'i'
}

.icon.icon-forums:after {
	content: "i"
}

.icon.icon-addfield:after {
	content: ","
}

.icon.icon-fileaccess:after {
	content: "/"
}

.icon.icon-error:after {
	content: "!"
}

.icon.icon-appactivate:after {
	content: "&"
}

.icon.icon-appactive:after {
	content: "3"
}

.icon.icon-fileattach:after {
	content: "A"
}

.icon.icon-reset:after {
	content: "n"
}

.icon.icon-send:after {
	content: "m"
}

.icon.icon-save:after {
	content: "e"
}

.icon.icon-proceed:after {
	content: ">"
}

.icon.icon-back:after {
	content: "<"
}

.icon.icon-download:after {
	content: "B"
}

.icon.icon-broadcastmessage:after {
	content: "b"
}

.icon.icon-insertfrominventory:after {
	content: "|"
}

.icon.icon-triangleright:after {
	content: "6"
}

.icon.icon-triangleleft:after {
	content: "8"
}

.icon.icon-triangleup:after {
	content: "9"
}

.icon.icon-triangledown:after {
	content: "7"
}

.icon.icon-arrowright:after {
	content: ">"
}

.icon.icon-arrowleft:after {
	content: "<"
}

.icon.icon-arrowup:after {
	content: "u"
}

.icon.icon-arrowdown:after {
	content: "v"
}

.icon.icon-preview:after {
	content: "o"
}

.icon.icon-locked:after {
	content: "V"
}

.icon.icon-unlocked:after {
	content: "W"
}

.icon.icon-next:after {
	content: ">"
}

.icon.icon-approve:after {
	content: "3"
}

.icon.icon-code:after {
	content: "C"
}

.icon.icon-halt:after {
	content: "h"
}

.icon.icon-pay:after {
	content: "_"
}

.icon.icon-other:after {
	content: "O"
}

.icon.icon-myapps:after {
	content: "Y"
}

.icon.icon-companyevent:after {
	content: "c"
}

.icon.icon-split:after {
	content: "%"
}

.icon.icon-split-alt:after {
	content: "÷"
}

.icon.icon-merge:after {
	content: "J"
}

.icon.icon-associated:after {
	content: "="
}

.icon.icon-radio:after {
	content: "•"
}

.icon.icon-radioon:after {
	content: ":"
}

.icon.icon-checkbox:after {
	content: "'"
}

.icon.icon-checkboxon:after {
	content: "\""
}

.icon.icon-sms:after {
	content: "x"
}

html,
body {
	margin: 0;
	padding: 0;
	height: 100%
}

body,
input,
textarea,
select,
button {
	font-family: arial, sans-serif;
	color: #666
}

.form-item {
	margin: 20px 0
}

.container {
	min-width: 1000px;
	width: 1000px;
	padding: 0
}

.col-md-6,
.col-md-4 {
	padding: 0
}

footer {
	width: 100%
}

footer p {
	font-size: 16px;
	color: #aaaaaa
}

footer.fix-bottom {
	bottom: 0;
	position: absolute
}

.modal-dialog {
	padding-top: 15%
}

a:link {
	text-decoration: none
}

.button {
	color: #FFFFFF;
	font-weight: 300;
	font-size: 16px;
	font-family: arial, sans-serif;
	text-decoration: none;
	text-align: center;
	padding: 0;
	height: 60px;
	width: 340px;
	line-height: 60px;
	display: inline-block;
	cursor: pointer;
	border: none;
	border-radius: 50px;
	box-sizing: border-box;
	transition-property: all;
	transition-duration: .3s;
	position: relative
}

.button.disabled {
	top: 0 !important;
	background: #EEE !important;
	border: 1px solid #DDD !important;
	color: #CCC !important;
	cursor: default !important;
	opacity: .8 !important;
	filter: alpha(opacity=80) !important
}

.button-blue {
	background-color: #20A0E9;
	border-color: #20A0E9
}

.button-blue:hover,
.button-blue:focus {
	background-color: #20A0E9;
	text-decoration: none;
	outline: none
}

.button-blue:active,
.button-blue.active,
.button-blue.is-active {
	text-decoration: none;
	border-color: #20A0E9;
	color: #D7D7D7
}

.button[disabled=disabled] {
	background-color: #E1E1E1;
	border-color: #E1E1E1;
	color: #FFFFFF
}

.button[disabled=disabled]:hover,
.button[disabled=disabled]:focus {
	background-color: #E1E1E1;
	text-decoration: none;
	outline: none
}

.button[disabled=disabled]:active,
.button[disabled=disabled].active,
.button[disabled=disabled].is-active {
	text-decoration: none;
	border-color: #E1E1E1;
	color: #D7D7D7
}

.button-green {
	background-color: #72B148;
	border-color: #72B148
}

.button-green:hover,
.button-green:focus {
	background-color: #72B148;
	text-decoration: none;
	outline: none
}

.button-green:active,
.button-green.active,
.button-green.is-active {
	text-decoration: none;
	border-color: #72B148;
	color: #D7D7D7
}

.button-white {
	color: #20A0E9;
	background-color: #FFFFFF;
	border-color: #FFFFFF
}

.button-white:hover,
.button-white:focus {
	background-color: #FFFFFF;
	text-decoration: none;
	outline: none
}

.button-white:active,
.button-white.active,
.button-white.is-active {
	text-decoration: none;
	border-color: #FFFFFF;
	color: #D7D7D7
}

.button-normal {
	color: #20A0E9;
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	border: 1px solid #20A0E9
}

.button-normal:hover,
.button-normal:focus {
	background-color: #FFFFFF;
	text-decoration: none;
	outline: none
}

.button-normal:active,
.button-normal.active,
.button-normal.is-active {
	text-decoration: none;
	border-color: #FFFFFF;
	color: #D7D7D7
}

.button-normal:hover {
	background-color: #20A0E9;
	color: #FFFFFF
}

.button-narrow {
	height: 60px;
	width: 160px;
	line-height: 60px
}

.button-link {
	border: none;
	color: #20A0E9;
	background: transparent
}

.button-link:active {
	outline: none
}

.e-label {
	color: #333;
	font-size: 16px;
	font-weight: normal
}

.e-focus .e-input {
	border-color: #20A0E9
}

.e-input {
	height: 44px;
	line-height: 44px;
	width: 340px;
	color: #333;
	padding: 6px 20px;
	font-size: 16px;
	border-style: none;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: black;
	border-radius: inherit;
	background-color: transparent
}

.e-input:focus {
	outline: none;
	outline-offset: 0
}

.e-focus .e-label {
	color: #20A0E9
}

.bwts-aside {
	position: fixed;
	right: 340px;
	width: 0;
	height: 100%;
	margin-right: -340px;
	z-index: 1030;
	top: 0;
	background-color: #FFFFFF;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	overflow: hidden
}

.bwts-aside.visible {
	padding-right: 340px;
	overflow-y: auto
}

.bwts-aside .sidebar-content {
	width: 340px
}

.bwts-aside .bwts-header {
	color: #20A0E9;
	font-size: 28px;
	height: 80px;
	width: 340px;
	line-height: 80px;
	padding: 0 20px;
	border-bottom: 1px solid #eee
}

.bwts-aside .bwts-header .icon-close {
	font-size: 20px;
	cursor: pointer;
	color: #aaa
}

.bwts-aside .bwts-header .confirm-button {
	font-size: 16px;
	cursor: pointer
}

.bwts-aside .bwts-panel .bwts-form {
	margin: 10px
}

.bwts-aside .bwts-panel .form-group {
	margin: 20px
}

.bwts-aside .bwts-panel .form-group label,
.bwts-aside .bwts-panel .form-group input {
	color: #666
}

.bwts-aside .bwts-panel .button {
	margin: 10px auto;
	display: block;
	height: 60px;
	width: 300px;
	line-height: 60px
}

.bwts-aside .bwts-panel .half-width .button {
	width: 90%
}

.bwts-aside .bwts-panel a:hover,
.bwts-aside .bwts-panel a:focus {
	color: #FFFFFF
}

.bwts-aside .filter-search-box {
	width: 90%;
	border-bottom: 1px solid #ddd
}

.bwts-aside .filter-search-box .icon {
	float: left;
	vertical-align: middle;
	line-height: 44px;
	margin-left: 20px
}

.bwts-aside .filter-search-box .e-input {
	border-bottom: 1px solid #ddd;
	padding: 6px
}

.bwts-aside .inactive {
	color: #aaa !important
}

.bwts-aside-curtain {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 200;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #1E1E1E;
	opacity: .3;
	filter: alpha(opacity=30)
}

.bwts-list-group .list-group-item {
	line-height: 40px;
	font-size: 14px;
	border-radius: 0;
	border: 0;
	padding: 0 20px;
	margin-bottom: 1px
}

.bwts-list-group .list-group-item .icon-checked {
	display: none
}

.bwts-list-group .list-group-item:focus {
	outline: none;
	color: #333;
	background-color: #FFFFFF
}

.bwts-list-group .list-group-item.selected,
.bwts-list-group .list-group-item:hover {
	background-color: #20A0E9;
	color: #FFFFFF
}

.bwts-list-group .list-group-item.selected .icon-checked {
	display: block
}

.bwts-date-picker {
	margin: 20px;
	font-size: 16px
}

.bwts-date-picker i {
	font-style: normal
}

.bwts-date-picker table {
	width: 100%
}

.bwts-date-picker table:focus {
	outline: none
}

.bwts-date-picker table th .btn strong {
	font-size: 16px;
	font-weight: bold
}

.bwts-date-picker table td,
.bwts-date-picker table th {
	padding: 6px 2px
}

.bwts-date-picker table td .btn-default,
.bwts-date-picker table th .btn-default {
	border: none
}

.bwts-date-picker table td .btn-default span,
.bwts-date-picker table th .btn-default span {
	font-size: 16px;
	text-align: center;
	width: 30px;
	height: 30px;
	border: none
}

.bwts-topbar {
	top: 0;
	height: 60px;
	background-color: #20A0E9;
	min-width: 1000px;
	width: 100%;
	position: relative;
	z-index: 299
}

.bwts-topbar a {
	color: #FFFFFF;
	font-size: 16px;
	margin-right: 10px
}

.bwts-topbar a:hover,
.bwts-topbar a:focus {
	color: #FFFFFF
}

.bwts-topbar li {
	padding: 0;
	line-height: 60px
}

.bwts-topbar .intro {
	margin-left: 60px
}

.e-input-verification {
	width: 180px
}

.bwts-notice {
	text-align: center;
	margin-top: 260px;
	padding-bottom: 50px
}

.bwts-notice .info {
	font-size: 32px;
	color: #333;
	vertical-align: middle
}

.bwts-notice p {
	color: #888;
	font-size: 16px
}

.bwts-notice a:link {
	text-decoration: none
}

.bwts-notice-support {
	text-align: center;
	margin-top: 10%;
	padding-bottom: 50px
}

.bwts-notice-support .info {
	font-size: 32px;
	color: #333;
	vertical-align: middle
}

.bwts-notice-support p {
	color: #888;
	font-size: 16px
}

.bwts-notice-support a:link {
	text-decoration: none
}

.bwts-hidden {
	visibility: hidden
}

.bwts-none {
	display: none
}

.bwts-form {
	display: block;
	text-align: left
}

.bwts-form .bwts-errors {
	font-size: 14px;
	color: #E70000;
	margin-left: 5px;
	font-weight: normal;
	width: 100%;
	position: absolute;
	display: inline-block;
	left: 400px;
	top: 30px;
	margin-bottom: 10px
}

.bwts-form .bwts-errors>dt,
.bwts-form .bwts-errors>dd {
	position: relative;
	padding-left: 20px
}

.bwts-form .bwts-errors>dt:before,
.bwts-form .bwts-errors>dd:before {
	position: absolute;
	content: "";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	line-height: 0;
	text-align: center
}

.bwts-form .bwts-errors>dt>.icon {
	height: 30px
}

.bwts-form label {
	position: relative;
	display: block;
	padding: 0 5px;
	font-weight: 400
}

.bwts-form label:first-child {
	padding-bottom: 5px
}

.bwts-form label.bwts-textlabel:after {
	content: "";
	position: absolute;
	bottom: 5px;
	right: 5px;
	left: 5px;
	border-bottom: 1px solid #CDCDCD
}

.bwts-form label.bwts-focus {
	color: #20A0E9
}

.bwts-form label.bwts-focus:after {
	border-bottom: 1px solid #20A0E9
}

.bwts-form label.bwts-error>input,
.bwts-form label.bwts-error>span {
	color: #E70000
}

.bwts-form label.bwts-error:after {
	border-bottom-color: #E70000
}

.bwts-form .bwts-field {
	margin: 0;
	position: relative
}

.bwts-form .bwts-field>span {
	display: block;
	padding-left: 5px;
	padding-right: 5px
}

.bwts-form .bwts-field.half-width {
	width: 49%;
	display: inline-block;
	vertical-align: middle
}

.bwts-form .bwts-captcha-img {
	padding: 10px;
	width: 100%
}

.bwts-form .bwts-send-verify-code {
	width: 100%
}

.bwts-form .bwts-input {
	display: inline-block;
	width: 100%;
	background-color: transparent;
	border: none;
	resize: none;
	height: 50px;
	margin: -5px 0 2.5px 2.5px;
	padding-top: 10px;
	outline: none
}

.bwts-form .bwts-input.bwts-before-icon {
	width: 90%
}

.bwts-form button[bwts-submit] {
	margin-top: 50px
}

.bwts-content-container {
	height: 100%;
	width: 100%;
	position: relative
}

.bwts-content-container .bwts-top-bar {
	width: 100%;
	height: 60px;
	line-height: 55px;
	border-bottom: 1px solid #EBEBEB;
	padding: 0 20px;
	position: absolute
}

.bwts-content-container .bwts-top-bar .bwts-user-info {
	color: #20A0E9
}

.bwts-content-container .bwts-top-bar .bwts-user-info .icon-usersettings,
.bwts-content-container .bwts-top-bar .bwts-user-info .icon-insertfrominventory,
.bwts-content-container .bwts-top-bar .bwts-user-info .name {
	color: #20A0E9;
	cursor: pointer
}

.bwts-content-container .bwts-search-box {
	position: fixed;
	top: 10px;
	min-width: 1px;
	width: 70%;
	padding-left: 20px
}

.bwts-content-container .bwts-search-box .icon {
	color: #aaaaaa
}

.bwts-content-container .bwts-search-box .e-input {
	width: 90%;
	border-bottom: none;
	padding: 0 0 0 10px
}

.bwts-content-container .bwts-toolbar {
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #EBEBEB;
	padding: 0 20px;
	color: #FFFFFF;
	background-color: #20A0E9;
	min-width: 1200px;
	float: left;
	width: 100%
}

.bwts-content-container .bwts-toolbar .bwts-select-all {
	margin-left: 8px;
	margin-right: 30px;
	color: #aaa
}

.bwts-content-container .bwts-toolbar .bwts-count,
.bwts-content-container .bwts-toolbar .bwts-select-all,
.bwts-content-container .bwts-toolbar .bwts-sort-by,
.bwts-content-container .bwts-toolbar .bwts-filter-by {
	color: #FFFFFF
}

.bwts-content-container .bwts-toolbar .bwts-sort-by,
.bwts-content-container .bwts-toolbar .bwts-filter-by {
	cursor: pointer
}

.bwts-content-container .bwts-toolbar .bwts-sort-by {
	margin-right: 50px
}

.bwts-content-container .bwts-toolbar .bwts-sort-by .bwts-icon-sort {
	line-height: 5px;
	display: inline-block;
	width: 13px;
	height: 30px;
	vertical-align: bottom;
	font-size: 100%
}

.bwts-content-container .bwts-toolbar .bwts-sort-by .bwts-icon-sort span {
	font-size: 100%
}

.bwts-content-container .bwts-toolbar .bwts-sort-by .bwts-icon-sort br {
	line-height: 8px
}

.bwts-content-container .bwts-toolbar .bwts-export {
	cursor: pointer;
	margin-left: 50px
}

.bwts-content-container .bwts-list {
	min-width: 1200px;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 150px
}

.bwts-content-container .bwts-list td .icon-triangledown {
	cursor: pointer;
	font-size: 20px
}

.bwts-content-container .bwts-list td,
.bwts-content-container .bwts-list th {
	text-align: left
}

.bwts-content-container .bwts-list .table>tbody>tr>td {
	vertical-align: middle
}

.bwts-content-container .bwts-list .table>tbody>tr .icon {
	cursor: pointer
}

.bwts-content-container .bwts-list .bwts-page-control a {
	margin: 0 5px
}

.bwts-content-container .bwts-list .bwts-page-control a.current {
	font-weight: bold;
	cursor: auto
}

.bwts-content-container .bwts-list .bwts-page-control a.invisible {
	visibility: hidden
}

.bwts-content-container .bwts-empty-list {
	background-color: #eee;
	color: #aaa;
	font-size: 18px;
	text-align: center;
	height: 100%;
	padding-top: 20%
}

.consumer-info {
	z-index: 999
}

.consumer-info .col-md-4 {
	margin-top: 60px
}

.consumer-info .col-md-8 {
	margin-top: 70px
}

.consumer-info .icon-usersettings {
	margin-left: 20px;
	font-size: 60px;
	color: #20A0E9
}

.consumer-info hr {
	margin-bottom: 0
}

.consumer-info .associate-account {
	padding-left: 20px;
	padding-right: 20px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #EBEBEB
}

.consumer-info .associate-account span {
	color: #888
}

.consumer-info .associate-account .add-link {
	cursor: pointer;
	color: #20A0E9;
	text-decoration: none
}

.consumer-info .associate-account .add-link:focus,
.consumer-info .associate-account .add-link:hover {
	color: #20A0E9
}

.consumer-info .list-account {
	padding-left: 10px;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #EBEBEB;
	color: #333;
	font-size: 16px
}

.consumer-info .list-account .icon-usersettings {
	font-size: 20px
}

.company-info {
	z-index: 999
}

.company-info form {
	margin: 15px
}

.company-info .bwts-form .bwts-input {
	width: 90%
}

.company-info .bwts-form .bwts-textlabel .icon {
	display: inline
}

.bwts-pagination {
	width: 100%;
	text-align: center
}

.pointer {
	cursor: pointer
}

.bwts-nobr {
	white-space: nowrap
}

.inline-spacer-10 {
	margin-left: 10px
}

.inline-spacer-50 {
	margin-left: 50px
}

.inline-spacer-100 {
	margin-left: 100px
}

.nav,
.pagination,
.carousel,
.panel-title a {
	cursor: pointer
}

.button-sm {
	height: auto;
	width: auto;
	line-height: auto;
	padding: 5px 10px;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 20px
}

body {
	background-color: #494949
}

body .header {
	background-color: #2B2B2B;
	margin: 0 0 10px 0
}

.actions {
	font-size: 16px;
	padding: 10px;
	text-align: right;
	height: 30px
}

.invoice-context {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 21.6px;
	font-family: SimSun;
	margin: 0 auto;
	width: 1461.6px;
	height: 943.2px;
	position: relative;
	transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0
}

.invoice-context * {
	box-sizing: border-box
}

.invoice-context .invoice-img {
	position: absolute;
	width: 100%;
	height: 100%
}

.invoice-context .title {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 55.992px
}

.invoice-context .title .region {
	color: #9E520A;
	font-size: 48px;
	height: 72px;
	font-family: KaiTi, STKaiti;
	margin: 0 auto;
	width: 552px
}

.invoice-context .title .region .hr {
	box-sizing: content-box;
	height: 4.8px;
	border: 2.4px solid #89420a;
	/*margin: 36px 0 0 0;*/
	border-left: 0;
	border-right: 0
}

.invoice-context .title .region.widthMore {
	width: 600px
}

.invoice-context .title .executiveStamp {
	width: 192px;
	height: 120px;
	position: relative;
	top: -52.8px
}

.invoice-context span {
	position: absolute
}

.invoice-context i {
	word-break: keep-all;
	white-space: nowrap;
	font-style: normal
}

.invoice-context i.break {
	word-break: break-all;
	white-space: normal
}

.invoice-context .qrCode {
	width: 120px;
	height: 120px;
	top: 3%;
	left: 7%;
	position: absolute
}

.invoice-context .oilCss {
	font-size:30px;
	font-weight:bold;
	top: 8%;
	left: 20%;
	position: absolute
}

.invoice-context .isRed {
	top: 11.8%;
	left: 16%;
	font-size: 38.4px;
	font-weight: bold
}

.invoice-context .buyer span {
	width: 564px;
	height: 31.2px;
	overflow: hidden;
	left: 18%
}

.invoice-context .buyer .buyerName {
	top: 21.5%
}

.invoice-context .buyer .buyerName.multiLine {
	top: 22%
}

.invoice-context .buyer .buyerTaxNumber {
	top: 25.5%;
	/*font-family: Courier;
	font-size: 28.8px;
	padding-left: 28.8px*/
}

.invoice-context .buyer .buyerAddress {
	top: 30%
}

.invoice-context .buyer .buyerAddress.multiLine {
	top: 29.5%
}

.invoice-context .buyer .buyerAccount {
	top: 33.7%
}

.invoice-context .buyer .buyerAccount.multiLine {
	top: 33.4%
}

.invoice-context .machineNumberTitle {
	top: 16.85%;
	left: 4%
}

.invoice-context .machineNumber {
	top: 16.85%;
	left: 11%
}

.invoice-context .invoiceCode {
	top: 3%;
	left: 78.5%
}

.invoice-context .invoiceNumber {
	top: 7.2%;
	left: 78.5%
}

.invoice-context .date_year {
	top: 11.8%;
	left: 78.5%
}

.invoice-context .date_month {
	top: 11.8%;
	left: 84%
}

.invoice-context .date_day {
	top: 11.8%;
	left: 87.5%
}

.invoice-context .checksum {
	top: 16%;
	left: 78.5%
}

.invoice-context .cipher {
	top: 20.85%;
	left: 59.7%;
	line-height: 37.584px;
	width: 37.9%;
	height: 15.5%;
	word-wrap: break-word;
	word-break: break-all;
	overflow-y: hidden;
	font-family: Courier;
	font-size: 28.8px;
	text-align: center
}

.invoice-context .cipher p {
	margin: 0
}

.invoice-context .totalPriceAmount {
	top: 64.5%;
	right: 21.5%;
	font-family: Courier;
	font-size: 26.4px
}

.invoice-context .totalTaxAmount {
	top: 64.5%;
	right: 2.6%;
	font-family: Courier;
	font-size: 26.4px
}

.invoice-context .totalPriceAndTaxInCapital {
	top: 69.7%;
	left: 31.5%
}

.invoice-context .totalPriceAndTax {
	top: 69.5%;
	left: 78.5%;
	font-family: Courier;
	font-size: 28.8px
}

.invoice-context .supplier span {
	width: 564px;
	height: 31.2px;
	overflow: hidden;
	left: 18%
}

.invoice-context .supplier .supplierName {
	top: 74%
}

.invoice-context .supplier .supplierTaxNumber {
	top: 77.9%;
	height: 28.8px;
	line-height: 28.8px;
	/*font-family: Courier;*/
	/*font-size: 28.8px;
	padding-left: 28.8px*/
}

.invoice-context .supplier .supplierAddress {
	top: 81.3%
}

.invoice-context .supplier .supplierAccount {
	top: 85.4%
}

.invoice-context .note {
	top: 74.6%;
	left: 60.3%;
	width: 540px;
	height: 132px;
	overflow: hidden
}

.invoice-context .payee {
	bottom: 6.7%;
	left: 11%
}

.invoice-context .reviewer {
	bottom: 6.7%;
	left: 36%
}

.invoice-context .drawer {
	bottom: 6.7%;
	left: 57%
}

.invoice-context .productList {
	position: absolute;
	top: 40%;
	left: 3.8%;
	width: 1368px;
	height: 230.4px;
	display: inline-block;
	overflow: hidden
}

.invoice-context .productList .product {
	width: 100%;
	clear: both
}

.invoice-context .productList .product span {
	position: relative;
	line-height: 26.4px !important;
	min-height: 5px;
	float: left;
	display: inline-block;
	padding: 0 7.2px;
	text-align: right
}

.invoice-context .productList .product .name {
	width: 26.75%;
	text-align: left
}

.invoice-context .productList .product .model {
	text-align: left;
	width: 7.85%
}

.invoice-context .productList .product .unit {
	text-align: center;
	width: 5.96%
}

.invoice-context .productList .product .quantity {
	width: 11.46%
}

.invoice-context .productList .product .unitPrice {
	width: 12.85%
}

.invoice-context .productList .product .priceAmount {
	width: 15.4%
}

.invoice-context .productList .product .taxRate {
	width: 4.4%;
	padding: 0;
	left: -4.8px
}

.invoice-context .productList .product .taxAmount {
	width: 15%;
	padding-right: 0
}

.invoice-context .signature {
	position: absolute;
	width: 228px;
	height: 180px;
	bottom: 3.7%;
	right: 3.9%
}

.footer {
	text-align: center;
	width: 100%;
	height: 160px;
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: #20A0E9;
	font-family: arial, sans-serif, "Hiragino Sans GB", "Microsoft YaHei";
	font-weight: 300;
	line-height: 25px;
	transition: height 1s;
	-moz-transition: height 1s;
	-webkit-transition: height 1s;
	-o-transition: height 1s
}

@media only screen and (max-width:510px) {
	.footer {
		height: 200px
	}
}

@media only screen and (max-width:320px) {
	.footer {
		height: 220px
	}
}

.footer.hide {
	height: 40px
}

.footer.hide .footer-head {
	margin-bottom: 20px
}

.footer.hide .footer-head #footer-arrow {
	padding: 10px 20px
}

.footer .footer-head {
	height: 20px;
	width: 100%;
	text-align: right
}

.footer .footer-head #footer-arrow {
	padding: 0 20px;
	color: #fff;
	cursor: pointer
}

.footer .footer-content {
	margin-right: -270px
}

@media only screen and (max-width:1200px) {
	.footer .footer-content {
		margin-right: 0
	}
}

.footer .footer-content .band-logo {
	display: inline-block;
	vertical-align: top;
	width: 90px
}

.footer .footer-content .band-logo img {
	width: inherit
}

@media only screen and (max-width:650px) {
	.footer .footer-content .band-logo {
		display: none
	}
}

.footer .footer-content .band-detail {
	display: inline-block;
	color: white;
	vertical-align: top;
	margin-left: 20px
}

.footer .footer-content .band-detail .band-words {
	text-align: left;
	font-size: 18px;
	width: 510px
}

@media only screen and (max-width:510px) {
	.footer .footer-content .band-detail .band-words {
		width: auto
	}
}

.footer .footer-content .band-detail .band-button-area {
	margin-top: 10px
}

.footer .footer-content .band-detail .band-button-area .band-button {
	color: white;
	width: 300px;
	background-color: #0078C1;
	font-size: 24px;
	font-weight: 200;
	border: 0;
	line-height: 150%;
	border-bottom: 2px solid rgba(0, 0, 0, 0.4);
	padding: 5px 0
}

.footer .footer-content .band-detail .band-button-area .band-button.half {
	width: 45%;
	font-size: 18px;
	padding: 0
}

@media only screen and (max-width:510px) {
	.footer .footer-content .band-detail .band-button-area .band-button {
		height: 30px;
		line-height: 30px;
		padding: 0;
		font-size: 16px
	}
}

.footer .footer-content .band-extra {
	display: inline-block;
	vertical-align: top;
	width: 270px
}

.footer .footer-content .band-extra .image-iphone {
	height: 140px
}

.footer .footer-content .band-extra .image-bubble {
	height: 100px;
	vertical-align: top
}

@media only screen and (max-width:1200px) {
	.footer .footer-content .band-extra {
		display: none
	}
}

.invoice-context {
	margin: 0
}
